<template>
      <div id="index">
            <div class="container">
                  <div class="infobox">
                        <div class="top">
                              <div class="left">刷脸支付</div>
                              <div class="right">邀您共享千亿蓝海市场</div>
                        </div>
                        <div class="bottom">
                              新风口&nbsp;&nbsp;&nbsp;新机遇&nbsp;&nbsp;&nbsp;&nbsp;刷脸时代
                        </div>
                  </div>
            </div>
      </div>
</template>

<script>
      export default {
            
      }
</script>

<style lang="scss" scoped>
#index {
      font-size: 0.2rem;
      width: 100%;
      color: #fff;
      .container {
            width: 100%;
            height: 4.96rem;
            background: url("../../assets/img/bg.png") 0 0 no-repeat;
            background-size: 100% 100%;
            padding-top: 0.4rem;
            .infobox {
                  width: 4.5rem;
                  margin: 0 auto;
                  .top {
                        display: flex;
                        align-items: flex-end;
                        .left {
                              font-size: 0.5rem;
                        }
                        .right {
                              font-size: 0.2rem;
                        }
                  }
                  .bottom {
                        font-size: 0.4rem;
                        margin-top: 0.2rem;
                        text-align: justify;
                  }
            }
      }
}
</style>